﻿@using System.Web.Optimization
@model dynamic
@{
    Layout = null;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>雪绒花_客户管理_回收站客户列表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    @Styles.Render("~/Themes/default/css/cp.globle.min6.css")
    @Scripts.Render("~/Themes/default/js/cp.globle.min6.js")
    <!--去除顶层加载中 14-10-17 By 唐有炜-->
    <script type="text/javascript">
        //=============================================================
        //去除顶层加载中
        $(document).ready(function () {
            //去除加载中
            if (undefined != top.dialog.list["show_loading"]) {
                top.dialog.list["show_loading"].close().remove();
                //showTopMsg("页面加载成功！", "温馨提示", "Success");
            }
        });
        //=====================================================================
    </script>
    <script type="text/javascript">
        //全局变量
        var clientinfo_grid;
        $(function () {

            //初始化表格
            InitGrid();
        });
        function InitGrid() {
            clientinfo_grid = $("#clientinfo_grid_data").bootgrid({
                ajax: true,
                post: function () {
                    return {
                        ClientStatus: 0
                    };
                },
                url: "/api/ClientInfoApi/GetBootGridClientInfos/",
                selection: true,
                multiSelect: true,
                rowSelect: false,
                keepSelection: true,
                rowCount: [10, 30, 50],
                templates: {
////                    header: "<div id=\"{{ctx.id}}\" class=\"{{css.header}}\"><div class=\"row\"><div class=\"col-sm-12 actionBar\"><div class=\"btn-group\" style=\"float:left;\"><button class=\"btn btn-default tip\" title=\"还原客户\" onclick=\"return clientinfo_huanyuan(); \"><span class=\"glyphicon glyphicon glyphicon glyphicon-share\"></span>还原客户</button></div>" +
//                            "<div class=\"search form-group\"><div class=\"input-group\"><span class=\"icon glyphicon input-group-addon glyphicon-search\"></span> <input type=\"text\" class=\"search-field form-control\" placeholder=\"输入关键字\"></div></div>" +
//                            "<p class=\"{{css.actions}}\"></p></div></div></div>"
                    //                            <button class=\"btn btn-default tip\" title=\"彻底删除\" onclick=\"return clientinfo_delete(); \"><span class=\"glyphicon glyphicon glyphicon glyphicon-trash\"></span>彻底删除</button>
                },
                labels: {
                    all: "all", //checkbox全选的值
                    search: "编号/姓名/手机",
                    loading: "加载中...",
                    noResults: "对不起，暂无符合条件的记录！",
                    refresh: "刷新",
                    infos: "从{{ctx.start}} 到 {{ctx.end}}，共{{ctx.total}} 条记录"
                },
                formatters: {
                    ClientCode: function (column, row) {
                        var now = '@DateTime.Now.ToString("MM-dd")';
                        //console.log(row.ClientBirthday.substring(5) + " " + now);
                        if (row.ClientBirthday.substring(5) == now) {
                            return "<span style='color: white;background:#FF5400;padding: 2px 5px;margin-right: 3px;'>今天宝宝3个月生日</span>";
                        } else {
                            return row.ClientCode;
                        }
                    },
                    ClientName: function (column, row) {
                        return "<a href='javascript:clientinfo_edit(" + row.Id + ")' style='color:gray;'><span class='glyphicon glyphicon-user'></span>" + row.ClientName +
                                "</a>";
                    },
                    ClientTel1: function (column, row) {
                        return "<span style='color:#666565;'><span class='glyphicon glyphicon-phone-alt'></span>" + row.ClientTel1 + "</span>";
                    },
                    ClientCreater: function (column, row) {
                        return row.ClientCreaterName;
                    },
                    ClientWeihu: function (column, row) {
                        return row.ClientWeihuName;
                    },
                    "commands": function (column, row) {
                        return "<a href='javascript:clientinfo_edit(" + row.Id + ")' style='margin-right:10px; color:#563d7c;'>查看</a>" + "<a href='javascript:clientinfo_edit1(" + row.Id + ")' style='margin-right:10px; color:#563d7c;'>还原</a>";
                    }
                }
            }).on("loaded.rs.jquery.bootgrid", function (e) {
                //按钮提示
                $('.tip').tooltip({ placement: "bottom" });
                //按钮气泡
                $('.pop').popover({ html: true, trigger: "hover" });
                //showMsg("数据加载完毕！", "Success");
            });
        }

        function clientinfo_add() {
            showTopWindow("show_add_client", "/Customer/ClientInfo/Edit?actionType=Add", null, 800, 400, function () {
                var client_form = $(top.window.frames["frm_show_add_client"].document).find("#clientinfo_form");
                var flag = top.document.getElementById("frm_show_add_client").contentWindow.form_valid();
                if (!flag) {
                    return false;
                }
                //var data = $(client_form).serializeObject();
                var data = $(client_form).serialize();
                //console.log(data);
                //return;
                $.ajax({
                    type: "POST",
                    cache: false,
                    url: "/api/ClientInfoApi/AddClientInfo/",
                    data: data,
                    dataType: "json",
                    beforeSend: function () {
                        //showMsg("添加中，请稍后...");
                    },
                    complete: function () {
                        //d.close().remove();
                    },
                    success: function (result) {
                        //toLowerCase报错
                        //var status = result.Status.toLowerCase();
                        var status = result.Status;
                        if (status == true || status == "true" || status == "True") {
                            //刷新数据
                            clientinfo_grid.bootgrid("reload");
                            showMsg("客户添加成功！", "Success");
                        } else {
                            showMsg("系统异常，客户添加失败！", "Error");
                        }
                    },
                    error: function () {
                        showMsg("网络连接错误!", "错误提示", "Error");
                    }
                });

            });
            //必须有这个，阻止刷新
            return false;
        }

        function clientinfo_edit(id) {
            var url = "/Customer/ClientInfo/Edit?actionType=Edit&id=" + id;
            //console.log(id);
            showTopWindow("show_edit_client", url, "客户信息查看/修改", 800, 400, function () {
                var client_form = $(top.window.frames["frm_show_edit_client"].document).find("#clientinfo_form");
                //console.log(client_form);
                var flag = top.document.getElementById("frm_show_edit_client").contentWindow.form_valid();
                if (!flag) {
                    return false;
                }
                //var data = $(client_form).serializeObject();
                var data = $(client_form).serialize();
                //console.log((data));
                $.ajax({
                    type: "POST",
                    cache: false,
                    url: "/api/ClientInfoApi/ViewClientInfo",
                    data: data,
                    dataType: "json",
                    beforeSend: function () {
                        //showMsg("修改中，请稍后...");
                    },
                    complete: function () {
                        //d.close().remove();
                    },
                    success: function (result) {
                        //toLowerCase报错
                        //var status = result.Status.toLowerCase();
                        var status = result.Status;
                        if (status == true || status == "true" || status == "True") {
                            top.dialog.list["show_edit_client"].close().remove();
                            //刷新数据
                            clientinfo_grid.bootgrid("reload");

                            showMsg("", "Success");
                        } else {
                            showMsg("", "Error");
                        }
                    },
                    error: function () {
                        showMsg("", "Error");
                    }
                });

                //必须有这个，阻止刷新
                return false;
            });
        }
        function clientinfo_edit1(id) {
            var url = "/Customer/ClientInfo/Edit?actionType=Edit&id=" + id;
            //console.log(id);
            showTopWindow("show_edit_client", url, "客户信息查看/修改", 800, 400, function () {
                var client_form = $(top.window.frames["frm_show_edit_client"].document).find("#clientinfo_form");
                //console.log(client_form);
                var flag = top.document.getElementById("frm_show_edit_client").contentWindow.form_valid();
                if (!flag) {
                    return false;
                }
                //var data = $(client_form).serializeObject();
                var data = $(client_form).serialize();
                //console.log((data));
                $.ajax({
                    type: "POST",
                    cache: false,
                    url: "/api/ClientInfoApi/EditClientInfo",
                    data: data,
                    dataType: "json",
                    beforeSend: function () {
                        //showMsg("修改中，请稍后...");
                    },
                    complete: function () {
                        //d.close().remove();
                    },
                    success: function (result) {
                        //toLowerCase报错
                        //var status = result.Status.toLowerCase();
                        var status = result.Status;
                        if (status == true || status == "true" || status == "True") {
                            top.dialog.list["show_edit_client"].close().remove();
                            //刷新数据
                            clientinfo_grid.bootgrid("reload");

                            showMsg("还原成功！", "Success");
                        } else {
                            showMsg("还原失败！", "Error");
                        }
                    },
                    error: function () {
                        showMsg("网络连接错误！", "Error");
                    }
                });

                //必须有这个，阻止刷新
                return false;
            });
        }
   
        function clientinfo_delete() {
            var ids = get_selected_ids("clientinfo_grid_data");
            //console.log(ids);
            if (ids == "") {
                showTopMsg("请选择你要删除的记录，删除后不可恢复！", "错误提示", "Error");
                return false;
            }
            //console.log(ids);
            //return false;
            showTopDialog("show_clientinfo_delete", "<div class='dialog_confirm'>请查看是否存在与该客户有关联的订单信息！如果存在，请删除；不存在，则请按确定删除该客户！</div>", "温馨提示", 400, 75, function () {
                $.ajax({
                    type: "GET",
                    cache: false,
                    url: "/api/ClientInfoApi/DeleteClientInfo?ids=" + ids,
                    //data: { ids: ids },
                    dataType: "json",
                    beforeSend: function () {
                        //showMsg("添加中，请稍后...");
                    },
                    complete: function () {
                        //d.close().remove();
                    },
                    success: function (result) {
                        //toLowerCase报错
                        //var status = result.Status.toLowerCase();
                        var status = result.Status;
                        if (status == true || status == "true" || status == "True") {
                            //刷新数据
                            clientinfo_grid.bootgrid("reload");
                            showMsg("客户删除成功！", "Success");
                        } else {
                            showMsg("系统异常，客户删除失败！", "Error");
                        }
                    },
                    error: function () {
                        showTopMsg("网络连接错误!", "错误提示", "Error");
                    }
                });
            });
            //必须有这个，阻止刷新
            return false;
        }
    </script>
</head>
<body>
    <div>
        <table id="clientinfo_grid_data" class="table table-condensed table-hover table-striped table-bordered"
            data-selection="true" data-multi-select="true">
            <thead>
                <tr>
                    <th data-column-id="ClientLasttime" data-header-align="center" data-formatter="ClientCode"
                        data-order="asc" data-header-css-class="wid140">
                        客户编号
                    </th>
                    <th data-column-id="ClientName" data-header-align="left" data-formatter="ClientName"
                        data-order="asc">
                        姓名
                    </th>
                    <th data-column-id="ClientAge" data-header-align="left" data-formatter="ClientAge"
                        data-order="desc">
                        年龄
                    </th>
                    <th data-column-id="ClientChildbirth" data-header-align="center" data-formatter="ClientChildbirth"
                        data-order="desc">
                        预产期
                    </th>
                    <th data-column-id="ClientTel1" data-header-align="center" data-formatter="ClientTel1"
                        data-order="desc" data-header-css-class="wid120">
                        手机
                    </th>
                    <th data-column-id="ClientCreater" data-header-align="center" data-formatter="ClientCreater"
                        data-order="asc">
                        创建人
                    </th>
                    <th data-column-id="ClientWeihu" data-header-align="center" data-formatter="ClientWeihu"
                        data-order="desc">
                        维护人
                    </th>
                    <th data-column-id="Id" data-type="numeric" data-identifier="true" data-formatter="commands"
                        data-sortable="false">
                        操作
                    </th>
                </tr>
            </thead>
        </table>
    </div>
</body>
</html>
